<template>
    <div class="gray_page">
        <!--展示信息-->
        <div class="on showMessage" v-if="showList">
            <dl>
                <dt><img src="@/assets/bigcar.png"></dt>
                <dd>
                    <h3>时代H系列   时代   轻卡&自卸</h3>
                    <p>指导价：10万~15万</p>
                    <p>定金码：G3H5SH</p>
                </dd>
            </dl>
        </div>
           <!--填写信息-->
        <div class="compileMessage">
            <div class="titleinfo">订单信息</div>
            <div class="on">
                <div class="messList">
                    <p>订单编号</p>
                    <p>156564626153161513</p>
                </div>
                <div class="messList">
                    <p>下单时间</p>
                    <p>2018/10/25 10:15:56</p>
                </div>
                 <div class="messList">
                    <p>付款时间</p>
                    <p>2018/10/25 10:16:23</p>
                </div>
                <div class="messList">
                    <p>支付方式</p>
                    <p>支付宝</p>
                </div>
            </div>
        </div>
        <div class="btnSub">立即付款</div>
    </div>
</template>

<script>

export default {
  name: '',
  data () {
    return {
      showList: true
    }
  }

}
</script>

<style scoped>
.on {
    background: white;
    padding: 15px 35px;
    margin-bottom: 10px;
}
.showMessage dl dd p{
    color:#999;
}
.showMessage p:last-child{
      color: #FF6B23;
      margin-top:.1rem;
}

</style>
